<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>学习内容</title>
		<link rel="stylesheet" href="../../../static/layui/css/layui.css" th:href="@{/layui/css/layui.css}"/>
		<link rel="stylesheet" type="text/css" href="../../../static/layui/css/common.css" th:href="@{/layui/css/common.css}"/>
		<link rel="stylesheet" type="text/css" href="../../../static/layui/css/learncss/learn-detail.css" th:href="@{/layui/css/learncss/learn-detail.css}"/>
		<link href="http://fonts.googleapis.com/css?family=Reenie+Beanie:regular" rel="stylesheet" type="text/css">
	</head>
	<body>
	<!-- 公共头部 -->
	<div th:replace="FrontPages/common/head::head(n=0)" name="headFrame"></div>
		<div class="learn-content">
			<!-- 顶端导航 -->
			<div class="head-Navigation">
				<ul class="head-menu">
					<li class=""><a href="javascropt:;" th:href="@{/Learn/learnindex}">首页</a></li>
					<li class=""><a href="javascropt:;" th:value="1" th:href="@{/Learn/changeTitle/1}">JAVA</a></li>
					<li class=""><a href="javascropt:;" th:value="2" th:href="@{/Learn/changeTitle/2}">HTML</a></li>
					<li class=""><a href="javascropt:;" th:value="3" th:href="@{/Learn/changeTitle/3}">CSS</a></li>
					<li class=""><a href="javascropt:;" th:value="4" th:href="@{/Learn/changeTitle/4}">JavaScript</a></li>
					<li class=""><a href="javascropt:;" th:value="5" th:href="@{/Learn/changeTitle/5}">Jquery</a></li>
				</ul>
			</div>
			<!-- 左侧目录 -->

			<div class="left-Navigation">
				<p>目录</p>
				<ul class="detail-left-menu">
					<li class="" th:each="dli:${dlist}"><a href="javascropt:;" th:value="${dli.ldid}" th:text="${dli.title}" th:onclick="selectdetail(this);"></a></li>
					<!--<li class=""><a href="javascropt:;" class="active" th:value="1">JAVA</a></li>-->
					<!--<li class=""><a href="javascropt:;" th:value="2">HTML</a></li>-->
					<!--<li class=""><a href="javascropt:;" th:value="3">CSS</a></li>-->
					<!--<li class=""><a href="javascropt:;" th:value="4">JavaScript</a></li>-->
					<!--<li class=""><a href="javascropt:;" th:value="5">Jquery</a></li>-->
				</ul>
				<!-- <li class="ss"><a href="javascropt:;">Java</a></li> -->
			</div>

			<div class="learn-main">
				<div class="change-title">
					<div id="pre">
						<i class="layui-icon">&#xe65a;</i>
						<span></span>
					</div>
					<div id="next">
						<span></span>
						<i class="layui-icon">&#xe65b;</i>
					</div>
				</div>
				<div class="learn-text">
					<h3 th:text="${learndata.title}"></h3>
					<input th:id="thetype" type="hidden" th:value="${learndata.lid}">
					<input th:id="theid" type="hidden" th:value="${learndata.ldid}">
					<span th:text="${learndata.content}">
					</span>
				</div>
			</div>
			<div id="totop">
				<i class="layui-icon layui-icon-up right-icon"></i>
			</div>
			<div style="clear: both"></div>
		</div>
		<!--公共尾部-->
		<div th:replace="FrontPages/common/bottom::bottom" name="bottomFrame"></div>

		<script type="text/jscript" src="../../../static/layui/layui.js" th:src="@{/layui/layui.js}"></script>
		<script type="text/jscript" src="../../../static/layui/lay/js/learn.js" th:src="@{/layui/lay/js/learn.js}"></script>

		<!-- 背景特效 -->
		<script src="../../../static/layui/lineEffects.js" th:src="@{/layui/lineEffects.js}"></script>
	</body>
</html>
